import { UserOutlined } from "@ant-design/icons";
import { ProCard, StatisticCard } from "@ant-design/pro-components";
import { Avatar, Card, Col, Divider, Row, Space, Tag, Typography } from "antd";
import React, { useState } from "react";
import logoPath from "@/assets/logo.svg";
import bgPath from "@/assets/bg-1@d10870b5.png";
import IconFont from "@/components/IconFont";
const CompanyOverView = () => {
	return (
		<>
			<Row gutter={[16, 16]}>
				<Col span={16}>
					<Card
						bordered={false}
						styles={{
							body: {
								background: `url(${bgPath}) no-repeat`,
								borderRadius: "6px",
								backgroundPosition: "center",
								backgroundSize: "200%"
							}
						}}
					>
						<Space>
							<Avatar shape="square" size={50} src={logoPath} />
							<Space direction="vertical">
								<Space>
									<Typography.Title style={{ marginBottom: 0 }} level={4}>
										Hov
									</Typography.Title>
									<Tag color="processing">已认证</Tag>
								</Space>
								<Typography.Text type="secondary" style={{ marginBottom: 0 }}>
									企业编号 : FMO1OZXD6XM ｜ 认证立享群成员/云文档储存空间/参会人/邮箱扩容
								</Typography.Text>
							</Space>
						</Space>
					</Card>
				</Col>
				<Col span={8}>
					<Card bordered={false}>123</Card>
				</Col>
			</Row>
		</>
	);
};
export default CompanyOverView;
